---
title: Guidelines
redirect_from:
  - /utilities/buttonprimitive/
---

import PrimitivesFreedomSnippet from "snippets/primitives-freedom.mdx";
import PrimitivesStillSnippet from "snippets/primitives-still.mdx";

<ReactExample exampleId="ButtonPrimitive-default" />

## When to use

- To add a [button](/components/action/button/) with custom styling.

## When not to use

- To offer static information in a component with custom styling---use
  a [badge primitive](/components/primitives/badgeprimitive/).

## Component status

<ComponentStatus component="ButtonPrimitive" />

## Behavior

<PrimitivesFreedomSnippet component="button" />

<PrimitivesStillSnippet component="button" section="action" />
